<ion-header>
  <ion-navbar>
    <ion-title>
      {{result.title}}
    </ion-title>
  </ion-navbar>
</ion-header>
<ion-content>

  <div class="ft-tab-upcomingInfo" *ngIf="kind != 3">

    <div class="back">
      <div class="title">
        <b>{{result.title}}</b>
      </div>
      <div class="info" *ngIf="result.isSure=='true'">
        <b>{{result.location}}  {{mon}}</b>
      </div>
       <div class="info" *ngIf="result.isSure!='true'">
        <b>{{result.location}}</b>
      </div>
      <div class="count" *ngIf="result.isSure=='true'"><a><b>Conference Countdown {{day}} days</b></a></div>
      <div class="count" *ngIf="result.isSure!='true'"><a><b>{{result.time_tbd}}</b></a></div>
    </div>
    <div class="banner" padding [innerHtml]="result.content">
     
    </div>
    <hr>
    <div class="news" *ngIf="high!=0">
      <div class="title"><h2><b>HIGHLIGHTS</b></h2></div>
      <div class="infos" padding *ngFor="let item of result.highlights">
        <div class="info">
          <div class="axis"  [style.background-color]="item.preColor"></div>
          <div class="wen">{{item.description}}</div>
        </div>
      </div>
    </div>
    <div class="speak" *ngIf="confirmed[0]">
      <div class="title">
        <b>CONFIRMED SPEAKERS</b>
      </div>
      <div class="spokesmans" padding>

        <ion-slides [options]="mySlideOptions">
          <ion-slide *ngFor="let item2 of confirmed">
            <div class="spokesman" *ngFor="let item1 of item2">
              <img [src]="item1.image|ftImage">
              <div class="name">{{item1.name}}</div>
              <div class="post">{{item1.title}}</div>
              <div class="company">{{item1.company}}</div><br>
            </div>
          </ion-slide>
          </ion-slides>
        

      </div>
    </div>
    <div class="agenda" *ngIf="agen!=0">
      <div class="headline">
        <b>AGENDA</b>
      </div>
      <div class="plan" padding>
        <div class="left">
          <div class="time">
            <div class="timing">Time</div>
            <div class="subtitle header">Topic</div>
          </div>
          <hr>
          <div class="time" *ngFor="let item2 of result.agendas">
            <div class="timing">{{item2.topicTime}}</div>
            <div class="subtitle">{{item2.topicText}}</div>
          </div>
        </div>
        <!--<div class="right">
          <div class="title">Topic</div>
          <hr>
          <div class="topic" *ngFor="let item2 of result.agendas">
            <div class="subtitle">{{item2.topicText}}</div>
            
          </div>
        </div>-->
      </div>
    </div>
    
    <div class="plat" *ngIf="result.geoLocation">
      <div class="title"><b>ON-SITE INFORMATION</b></div>
       <div id="summitMap" >
          <button class="loc-return" (click)='locReturn()'><img src="asset/img/locate.png" ></button>
        </div>
    </div>
    <div class="about" *ngIf="result.meetingFile&&kind==2"  padding>
      <div class="file" *ngIf="result.meetingFile&&kind==2">
        <div (click)='file(result.meetingFile)'><button full>Meeting File</button></div>
      </div>
    </div>


  </div>
  <div class="tab-news-file" *ngIf="kind == 3">
    <div class="title">{{result.title}}</div>
    <div class="post">{{result.timeBegin}}</div>
  <div class="img" *ngIf="result.images"><img [src]="result.images|ftImage"></div>
    <div class="news-file">
        <div class="em-article" [innerHtml]="result.content"></div>
    </div>
  </div>

</ion-content>

<ion-footer *ngIf="kind != 3&&result.mid">
  <ion-toolbar>
    <button full (click)='signup(result.mid)' *ngIf="kind != 3&&result.mid">Online Registration</button>
  </ion-toolbar>
 
</ion-footer>
<ion-footer *ngIf="kind != 3&&result.link">
  
   <ion-toolbar>
    <button full (click)='open(result.link)' *ngIf="result.link">Online Registration</button>
  </ion-toolbar>
</ion-footer>